<template>
  <div class="TopBar">
    <div class="logo">电网工具</div>
    <ul class="Winbtn">
        <li class="Winminimize iconfont icon-minimize" @click="minimizeHandler"></li>
        <li class="Winmaximize iconfont icon-max" @click="maximizeHandler"></li>
        <li class="Winclose iconfont icon-close" @click="closeHandler"></li>
    </ul>
  </div>
</template>
<script>
import * as Utils from '@/utils/FormAction'
export default {
  data () {
    return {
      chart: null
    }
  },
  methods: {
    minimizeHandler () {
      Utils.FormAction.minimizeWin()
    },
    maximizeHandler () {
      Utils.FormAction.maximizeWin()
    },
    closeHandler () {
      Utils.FormAction.closeWin()
    }
  },
  mounted () {

  }
}
</script>
<style scoped>
.TopBar{
    background-color: rgb(29,41,57);
    height: 40px;
    line-height: 40px;
    -webkit-app-region: drag;
}
.logo{
    float: left;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 600;
    padding: 0 20px;
}
.Winbtn{
    float: right;
    height: 40px;
    padding: 0 10px;
    margin: 0;
    -webkit-app-region: no-drag;
}
.Winbtn li{
    list-style: none;
    color: #ddd;
    line-height: 40px;
    display: inline;
    cursor: pointer;
    margin: 0 8px;
    font-size:12px;
}
.Winbtn li:hover{
    color: #fff;
    
}
</style>